<!--<div style="height: 100vh;background-color: deepskyblue;">-->
  <!--&lt;!&ndash;<img src="./assets/img/bg.jpg" style="width: 100%;height: 100%;">&ndash;&gt;-->
<!--</div>-->


<div id="login" style="background-image: url(../../assets/img/bg.jpg);width: 100%;height: 100%" >
  <div class=" wrap1" style="height:450px;width:600px">
    <h2 class="title">珠海世讯控件配置系统</h2>
    <div class="main_content">
      <p class="text">用户登录</p>

        <div nz-row style="margin-bottom: 1rem">
          <div nz-col [nzLg]="{span:2 }">
            <i class="anticon anticon-user"></i>
          </div>
          <div nz-col [nzLg]="{span:21, offset:1}">
          <input type="email" class="login_input"  [(ngModel)]="username" placeholder="请输入用户名" >
          </div>
        </div>

      <div nz-row style="margin-bottom: 1rem">
        <div nz-col [nzLg]="{span:2 }">
          <i class="anticon anticon-lock"></i>
        </div>
        <div nz-col [nzLg]="{span:21, offset:1}">
          <input type="password" class="login_input"  [(ngModel)]="password" placeholder="请输入密码" >
        </div>
      </div>

      <div class="checkbox">
        <label nz-checkbox [(ngModel)]="_checked" (ngModelChange)="_console($event)" >
          <span >记住我的登录信息</span>
        </label>
      </div>

      <nz-popover [nzTrigger]="'click'" style="z-index: 1009">
        <button nz-button [nzType]="'primary'" nz-popover (click)="submit()" class="login_btn">登 录</button>
        <ng-template #nzTemplate style="z-index: 1008">
          <p>{{login_message}}</p>
        </ng-template>
      </nz-popover>

    </div>
  </div>
</div>
